
/* 页面样式 */
body {
  margin:0;				/* 页面边框距离 */
}

/* 主布局样式 */
frameset.mainpage {
	size:*;				/* 占据整个窗口 */
}



/* 左边栏样式 */
.leftpage
{
	background:#333;
	flow:vertical;
	height:*;
	prototype: SidePanel url(index.tis);
	overflow-x:hidden;
}

.leftpage:collapsed {
	max-width:48dip;
	min-width:48dip;
}

.leftpage:collapsed + splitter {
	visibility:collapse;						/* 边栏折叠时，隐藏 splitter 使文档区域填满空间 */
}



/* 左边栏伸缩器样式 */
.leftpage .hamburger_box
{
	flow:horizontal;
	padding: 6px;
	width:*;
	height:36dip;
}

@const ANIMATION-DURATION: 400ms;
.leftpage .hamburger
{
	behavior:clickable;
	aspect: Hamburger(duration:@ANIMATION-DURATION) url(index.tis);
	display:block;
	size:36dip;
	stroke: #FFF;
	stroke-width: 4dip;
	cursor:pointer;
	margin-left:*;
}

.leftpage .hamburger_title
{
	padding: 4dip;
	font-family:Verdana,sans-serif;
	font-size:22dip;
	color:#FFF;
	text-align:center;
}

.leftpage:collapsed .hamburger_title
{
	visibility: hidden;
	width:0dip;
	padding: 0dip;
}



/* 通用栏目样式 */
.framepage
{
	border-style: solid;
	border-width:1px;
	border-color:#888;
	background:#ddd;
}



/* 分割器样式 */
splitter
{
	background:#888;
}

splitter:hover
{
	/* background:transparent; */
	background:#ddd;
}



/* 手风琴面板样式 */
.accordion
{
	behavior:expandable-list;
	width:*;
	height:*;
	margin:0;
	overflow:hidden;
}

.accordion > section
{
	height:1*;
	transition: height sine-in-out 200ms;
}

.accordion > section:expanded
{
	height:100*;
}

.accordion > section > caption {
	text-align: center;
	background:#5C4C4C;
	color:#FFF7E8;
	display:block;
	padding:0.25em 1em;
	cursor:pointer;
	border:1dip solid;
	border-color: #7C6C6C #4C3C3C #4C3C3C #7C6C6C;
	font-family:Verdana,sans-serif;
	font-size:18dip;
}



/* 便笺页面 */
.notelist
{
	display:block;
	height:*;
	width: *;
	background:#ddd;
}



/* 目录树页面 */
.leftpage .menupage
{
	visibility: visible;
	height:*;
	width: *;
}

.leftpage:collapsed .menupage
{
	visibility: hidden;
	height:0;
	width: 0;
}



/* 工具箱页面 */
.toollist
{
	display:block;
	height:*;
	width: *;
	background:#ddd;
}



/* 通用界面布局和标题样式 */
.pagetitle
{
	height:36dip;
	width: *;
	background:#333;
}

.pagetitle > caption
{
	width: *;
	text-align: center;
	color:#FFF;
	font-family:Verdana,sans-serif;
	font-size:18dip;
	padding-top:6dip;
}



/* 大纲页面和列表样式 */
.outline_page
{
	height:*;
	width:*;
}

.outline_list
{
	display:block;
	height:*;
	width: *;
	background:#ddd;
}



/* 标签和关联区域布局 */
.flagpage
{
	display:block;
	height:64;
	width: *;
	background:#ddd;
}



/* 树列表样式 */
widget#tree {
	size: * *;
	overflow-x:hidden;
	prototype: VirtualTree;
	display:block;
	background:#eee;
}

widget#tree option:not(:node)
{
	padding:0;
}

widget#tree option > text
{
	line-height:20dip;        
	padding:1dip 2dip 1dip 0dip;
	foreground-position:0 50%;
	min-width:4em;
}

widget#tree option > text > img
{
	size:22dip;
	padding: 0dip 0dip -5dip 0dip;
}


